<div class="border">
  <div class="header">
    <span>播发记录</span>
  </div>
  <div class="list">
    <div class="reports">
      <div class="report">
        <md-select placeholder="设备类型">
          <md-option *ngFor="let dev of device" [value]="dev.value">
            {{ dev.viewValue }}
          </md-option>
        </md-select>
      </div>

      <div class="report">
        <md-select placeholder="日志上传">
          <md-option *ngFor="let log of logshow" [value]="log.value">
            {{ log.viewValue }}
          </md-option>
        </md-select>
      </div>

    </div>

<!--    <my-table
      class="log-table"
      [header]="header"
      [content] ="content"
      [operate] = 'oper'
    >

      Loading...
    </my-table>-->

    <div class="netSoundSource-container mat-elevation-z8">
      <md-table #table [dataSource]="dataSource">

        <!--- Note that these columns can be defined in any order.
              The actual rendered columns are set as a property on the row definition" -->

        <!-- Delete Flag Column -->
        <!--        <ng-container cdkColumnDef="deleteFlag">

                  <md-header-cell *cdkHeaderCellDef>
                    <md-checkbox (change)="allSelected($event)" ></md-checkbox>
                    全选
                  </md-header-cell>


                  <md-cell *cdkCellDef="let row">
                    <md-checkbox [(ngModel)]="row.isChecked"></md-checkbox>
                  </md-cell>

                </ng-container>-->


        <!-- ID Column -->
        <!--        <ng-container cdkColumnDef="no">
                  <md-header-cell *cdkHeaderCellDef>序号</md-header-cell>
                  <md-cell *cdkCellDef="let row"> {{row.no}}</md-cell>
                </ng-container>-->
        <!-- ID Column -->
        <ng-container cdkColumnDef="EBDID">
          <md-header-cell *cdkHeaderCellDef>编号</md-header-cell>
          <md-cell *cdkCellDef="let row"> {{row.EBDID}}</md-cell>
        </ng-container>

        <!-- Progress Column -->
        <ng-container cdkColumnDef="EBRName">
          <md-header-cell *cdkHeaderCellDef>名称</md-header-cell>
          <md-cell *cdkCellDef="let row"> {{row.EBRName}}</md-cell>
        </ng-container>

        <!-- Name Column -->
        <ng-container cdkColumnDef="status">
          <md-header-cell *cdkHeaderCellDef>地址</md-header-cell>
          <md-cell *cdkCellDef="let row"> {{row.status}}</md-cell>
        </ng-container>


        <ng-container cdkColumnDef="operation">
          <md-header-cell *cdkHeaderCellDef>操作</md-header-cell>

          <md-cell *cdkCellDef="let row">

            <button md-mini-fab style="width:25px;height:25px;" (click)="edit(row)" >
              <md-icon style="color: #fff;font-size: 18px; padding: 0px;">edit</md-icon>
            </button>
            <button  md-mini-fab style="width:25px;height:25px;" (click)="finish(row)"  >
              <md-icon style="color: #fff;font-size: 18px; padding: 0px;">check</md-icon>
            </button>

          </md-cell>
        </ng-container>





        <md-header-row *cdkHeaderRowDef="displayedColumns"></md-header-row>
        <md-row *cdkRowDef="let row; columns: displayedColumns;"></md-row>
      </md-table>
      <md-paginator #paginator
                    [length]="soundSourceDatabase.data.length"
                    [pageIndex]="0"
                    [pageSize]="10"
                    [pageSizeOptions]="[5, 10, 15, 20]">
      </md-paginator>
    </div>

  </div>
</div>
